﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Book.aspx.cs" Inherits="Family_Book" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <meta name="renderer" content="webkit" />
    <title>我家的书库</title>
    <link rel="stylesheet" type="text/css" href="../css/bootstrap.css"/>
    <link rel="stylesheet" type="text/css" href="../css/family.css"/>
    <link rel="stylesheet" type="text/css" href="../css/star-rating.css"/>
    <script type="text/javascript" src="../js/jquery.min.js"></script>
    <script type="text/javascript" src="../js/bootstrap.js"></script>
    <script type="text/javascript" src="../js/respond.min.js"></script>
    <script type="text/javascript" src="../js/jquery.validate.js"></script>
    <script type="text/javascript" src="../js/star-rating.js"></script>
    <script type="text/javascript" src="../js/locales/zh.js"></script>
    <script type="text/javascript" src="../js/pages/book.js"></script>
    <script type="text/javascript" src="../js/pages/common.js"></script>
    <style type="text/css">
        .warning
        {
            color: red;
        }
    </style>
</head>
<body>
    <!--#include file="partials/Navbar.htm" -->
    <div class="container" style="">
        <input type="hidden" id="BID" />
        <div class="col-md-8">
            <h4 id="book-name">
                书名</h4>
            <div class="row">
                <div class="col-md-3">
                    <img id="book-img" width="127px" height="158px" src="" alt="缩略图" />
                </div>
                <div class="col-md-4">
                    <p style="margin-bottom: 1px">
                        书号：<span id="book-id"></span></p>
                    <p style="margin-bottom: 1px">
                        作者：<span id="book-author"></span></p>
                    <p style="margin-bottom: 1px">
                        出版社：<span id="book-press"></span></p>
                    <p style="margin-bottom: 1px">
                        出版时间：<span id="book-pym"></span></p>
                    <p style="margin-bottom: 1px">
                        定价：<span id="book-price"></span></p>
                    <p style="margin-bottom: 1px">
                        ISBN：<span id="book-isbn"></span></p>
                    <p style="margin-bottom: 1px">
                        分类：<span id="book-cid"></span></p>
                    <p style="margin-bottom: 1px">
                        所有者：<span id="book-owner"></span></p>
                </div>
                <div class="col-md-5">
                    <p>图书状态：
                    <span id="book-status"></span></p>
                    <p>总借阅次数：
                    <span id="book-borrowed-num-count"></span></p>
                    <p>总借阅天数：
                    <span id="book-borrowed-day-count"></span></p>
                    <p>总评论数：
                    <span id="book-comment-count">0次</span></p>
                    <p>总星数：
                    <span id="book-rate-star-count"></span></p>
                    <a class="btn btn-warning btn-sm" href="javascript:history.go(-1);">点击返回</a>
                </div>
            </div>
            <hr />
            <div class="panel-group" id="accordion" role="tablist" aria-multiselectable="true">
                <div class="panel panel-info">
                    <div class="panel-heading" role="tab" id="headingOne">
                        <h4 class="panel-title">
                            <a role="button" data-toggle="collapse" data-parent="#accordion" href="#collapseOne"
                                aria-expanded="true" aria-controls="collapseOne">内容简介 </a>
                        </h4>
                    </div>
                    <div id="collapseOne" class="panel-collapse collapse in" role="tabpanel" aria-labelledby="headingOne">
                        <div class="panel-body">
                            <p id="book-desc">
                            </p>
                        </div>
                    </div>
                </div>
                <div class="panel panel-info">
                    <div class="panel-heading" role="tab" id="headingTwo">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo">写书评 </a>
                        </h4>
                    </div>
                    <div id="collapseTwo" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingTwo">
                        <div class="panel-body">
                            <form id="add-comment-form">
                            <input id="book-rate" />
                            <div class="form-group">
                                <textarea class="form-control" rows="5" name="bookCommentText" id="book-comment-text"></textarea>
                            </div>
                            <div class="form-group">
                                <a class="btn btn-primary" id="add-comment-btn">提交评论</a>
                            </div>
                            </form>
                        </div>
                    </div>
                </div>
                <div class="panel panel-info">
                    <div class="panel-heading" role="tab" id="comment-list-panel">
                        <h4 class="panel-title">
                            <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordion"
                                href="#collapseThree" aria-expanded="false" aria-controls="collapseThree">评论列表
                            </a>
                        </h4>
                    </div>
                    <div id="collapseThree" class="panel-collapse collapse" role="tabpanel" aria-labelledby="headingThree">
                        <div class="panel-body">
                            <p id="book-comment-list">
                            </p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="panel panel-success">
                <div class="panel-heading">
                    <h4>相同分类图书推荐</h4>
                </div>
                <div class="panel-body">
                    <div id="same-category-list">
                    </div>
                </div>
            </div>
            
        </div>
    </div>
    <!--#include file="partials/Footer.htm" -->
    <!--#include file="partials/DialogModal.htm" -->
</body>
</html>
